.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexLeft {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flexRight {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flexBottom {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.flexBottomLeft {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.flexBottomRight {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.flexTop {
  display: flex;
  justify-content: center;
}

.flexTopLeft {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.flexTopRight {
  display: flex;
  justify-content: flex-end;
  align-items: self-start;
}

.w-100 {
  width: 100%;
}

.w-98 {
  width: 98%;
}

.w-95 {
  width: 95%;
}

.w-90 {
  width: 90%;
}

.w-80 {
  width: 80%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}

.h-100 {
  height: 100%;
}

.h-98 {
  height: 98%;
}

.h-95 {
  height: 95%;
}

.h-90 {
  height: 90%;
}

.h-80 {
  height: 80%;
}

.h-70 {
  height: 70%;
}

.h-60 {
  height: 60%;
}

.h-50 {
  height: 50%;
}

.h-40 {
  height: 40%;
}

.h-30 {
  height: 30%;
}

.h-20 {
  height: 20%;
}

.h-10 {
  height: 10%;
}

.wh-50 {
  width: 100%;
  height: 50px;
}

.wh-100 {
  width: 100%;
  height: 100px;
}

.wh-95 {
  width: 95%;
  height: 50px;
}

.wh-98 {
  width: 98%;
  height: 50px;
}

.ws {
  height: 50px;
}

/* 超出部分显示点点 */
.spot {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*换行*/
.Excess {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*居中*/
.mauto {
  margin: 0 auto
}

.deg {
  color: red;
}

.deg-2 {
  color: #5a5e66;
}

.deg-1 {
  color: #228B22;
}
.Font {
  font-family: "Hiragino Sans GB", Arial, sans-serif;
}
